<!DOCTYPE html>
<html>
<head>
    <title>服务商管理</title>
    <#include "/header.html">
</head>
<body>
<div id="app" v-cloak>
    <div>
        <el-form :inline="true" v-model.trim="q" size="small">
            <el-button type="primary" size="small" icon="el-icon-search" @click="search"></el-button>
            <el-button type="primary" size="small" @click="rest">重置</el-button>
            <el-form-item>
                <el-input size="small" v-model.trim.trim="q.sellerName" placeholder="请输入商家名"></el-input>
            </el-form-item>
            <el-form-item>
                <el-input size="small" v-model.trim.trim="q.goodsCount" placeholder="请输入商品数"></el-input>
            </el-form-item>
            <el-select v-model="q.active" placeholder="激活状态" size="small">
                <el-option label="已激活" value="on"></el-option>
                <el-option label="未激活" value="off"></el-option>
            </el-select>
            <el-form-item>
                <el-input size="small" v-model.trim.trim="q.facilitatorName" placeholder="请输入服务商"></el-input>
            </el-form-item>
            <el-form-item>
                <el-input size="small" v-model.trim.trim="q.userDistributionName" placeholder="请输入代理人"></el-input>
            </el-form-item>
            <el-date-picker size="small" v-model="q.beginCreatetime" type="datetime" placeholder="绑定时间起"></el-date-picker><span>至</span>
            <el-date-picker size="small" v-model="q.endCreatetime" type="datetime" placeholder="绑定时间止"></el-date-picker>
        </el-form>

        <div style="color: red">
            商家数:{{sellerCount}}&nbsp;&nbsp;&nbsp;激活数:{{activeCount}}&nbsp;&nbsp;&nbsp;&nbsp;交易金额:{{transactionAmount}}&nbsp;&nbsp;&nbsp;
            采购金额:{{purchaseAccount}}&nbsp;&nbsp;&nbsp;服务商数:{{facilitatorCount}}&nbsp;&nbsp;&nbsp;代理人数:{{userDistributionCount}}
        </div>

        <el-table ref="tableData" :data="tableData" style="width:100%" border highlight-current-row  size="small"
                  :default-sort="{prop: 'createtime', order: 'descending'}" @selection-change="handleSelectionChange" @row-click="handleclick">
            <el-table-column label="序号" type="index" width="50"></el-table-column>
            <el-table-column prop="sellerName" label="商家名"show-overflow-tooltip></el-table-column>
            <el-table-column prop="name" label="联系人"></el-table-column>
            <el-table-column prop="sellerMobile" label="手机号码"></el-table-column>
            <el-table-column prop="goodsCount" label="商品数"></el-table-column>
            <el-table-column prop="status" label="激活状态"></el-table-column>
            <el-table-column prop="transactionAmount" label="交易金额"></el-table-column>
            <el-table-column prop="purchaseAccount" label="采购金额"></el-table-column>
            <el-table-column prop="facilitatorName" label="服务商"></el-table-column>
            <el-table-column prop="userDistributionName" label="代理人"></el-table-column>
            <el-table-column prop="createTime" label="绑定时间"></el-table-column>
        </el-table>

        <div align="center">
            <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage"
                           :page-sizes="[20, 50, 80, 100]" :page-size="pagesize" layout="total, sizes, prev, pager, next, jumper" :total="totalCount"
                           background>
            </el-pagination>
        </div>
    </div>

</div>

<script src="${request.contextPath}/statics/js/modules/facilitator/facilitatorStatistic.js?_${.now?long}"></script>
<style>
    body .el-table th.gutter{
        display: table-cell!important;
    }

    body .el-table colgroup.gutter{
        display: table-cell!important;
    }

    /* 设置当前选中行的背景颜色 */
    /*.el-table__body tr.current-row>td {*/
    /*background: #c9eff5 !important;*/
    /*}*/
    /* 设置表主体的高度 */
    /*.el-table__body td,*/
    /*.el-table__body th {*/
        /*padding: 3px;*/
    /*}*/

    /*!* 设置表头的高度 *!*/
    /*.el-table__header td,*/
    /*.el-table__header th {*/
        /*padding: 6px 0px;*/
    /*}*/
</style>
</body>
</html>
